<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>
            Cars-Online
        </title>
        <link type="text/css" rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="full_site structure fix">            
            <div class="top_menu fix">                
                <ul>                    
                    <li><a href="#">WORDPRESS.ORG</a></li>
                    <li><a href="#">COMMENTS RSS</a></li>
                    <li><a href="#">ENTRIES RSS</a></li>
                    <li><a href="#">LOGIN</a></li>
                    <li><a href="#">REGISTER</a></li>
                </ul>
            </div>
            <div class="cars_online_menu fix">

                <div class="headline">
                    <span class="cars_text">CARS</span> 
                    <span class="online_text">ONLINE</span>
                </div>

                <div class="menu_bar fix">                    
                    <ul>
                        <li>
                            <img src="Images/menu_bar_seperator.png"/>
                            <div class="link_container">
                                <a href="#">HOME</a>
                            </div>
                        </li>
                        <li>
                            <img src="Images/menu_bar_seperator.png"/>
                            <div class="link_container">
                                <a href="#">ABOUT</a>
                            </div>
                        </li>
                        <li>
                            <img src="Images/menu_bar_seperator.png"/>
                            <div class="link_container">
                                <a href="#">NEWS</a>
                            </div>
                        </li>
                        <li>
                            <img src="Images/menu_bar_seperator.png"/>
                            <div class="link_container">
                                <a href="#">BLOG</a>
                            </div>
                        </li>
                        <li>
                            <img src="Images/menu_bar_seperator.png"/>
                            <div class="link_container">
                                <a href="#">GALLERY</a>
                            </div>
                        </li>
                        <li>
                            <img src="Images/menu_bar_seperator.png"/>
                            <div class="link_container">
                                <a href="#">CONTACTS</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="top_images">
                <img src="Images/Car.png"/>
                <img src="Images/Car2.png"/>
                <img src="Images/Car3.png"/>
            </div>
            <div class="car_category fix">
                <ul>                    
                    <li>                        
                        <div class="car_category_div fix">
                            <a href="#">Latest</a>
                        </div>
                        <img src="Images/car_category_saperator.png">
                    </li>   
                    <li>
                        <div class="car_category_div fix">                            
                            <a href="#">Popular</a>
                        </div>
                        <img src="Images/car_category_saperator.png">
                    </li>                    
                    <li>
                        <a href="#">Featured</a>
                    </li>                    
                </ul>
            </div>
            <div class="categories">
                <div class="categories_container">
                    <div class="category1 fix"> 
                        <div class="speech1_div">
                            <p class="seren">SEREN MAET PORTA</p>
                            <p class="lorem">LOREM IPSUM DOLOR SIT AMET CONSE CTETER...</p>
                        </div>
                    </div>
                    <div class="category2 fix">                
                        <div class="speech2_div">
                            <p class="haslelu">HASLELO MISLEI STRE LOREM</p>
                            <p class="incididunt">INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA</p>
                        </div>
                    </div>
                    <div class="categroy3 fix">    
                        <div class="speech3_div">
                            <p class="seren_maetporta">SEREN MAET PORTA</p>
                            <p class="exercitation"> EXERCITATION ULLAMCO LABORIS NISI UT...</p>
                        </div>
                    </div>
                    <div class="category4 fix">
                        <div class="speech4_div">
                            <p class="haslelu">HASLELO MISLEI STRE LOREM</p>
                            <p class="aliquip">ALIQUIP EX EA COMMODO CONSEQUAT. </p>
                        </div>
                    </div>
                </div>
            </div>    
            <div class="category_description fix">
                <h2 class="latest_news">LATEST NEWS</h2>
                <div class="category_discription1 fix">
                    <img src="Images/category_discription1.png"/>
                    <p class="date1">08 February 2012</p>
                    <h2 class="headline_ctgr_ds1">Lorem ipsum dolor sit amet conse ctetur...</h2>
                    <p class="description_ctgr_ds1">Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                    <p class="category_discription1_readmore">READ MORE</p>
                    <p class="category_description_comments">2 COMMENTS</p>
                </div>
            </div>
            <div class="category_discription2 fix">
                <img src="Images/category_discription2.png"/>
                <p class="date2">08 February 2012</p>
                <h2 class="headline_ctgr_ds2">Reprehenderit in voluptate velit esse cillum dolore eu fugiat...</h2>
                <p class="description_ctgr_ds2">Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                <p class="category_discription2_readmore">READ MORE</p>
                <p class="category_description2_comments">2 COMMENTS</p>
            </div>
            <div class="categroy_discription3 fix">
                <img src="Images/category_discription3.png"/>
                <p class="date3"></p>
                <h2 class="headline_ctgr_ds3">Voluptate velit esse cillum dolore eu fugiat...</h2>
                <p class="description_ctgr_ds3">Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                <p class="category_discription3_readmore">READ MORE</p>
                <p class="category_description3_comments">2 COMMENTS</p>
            </div>
            <div class="all_articles fix"></div>
            <div class="popular_news_sidebar fix">
                <div class="lorem_ipsum">
                    <img src="Images/Sidebar1_image.png"/>
                    <p class="lorem_sidebar_headline">Lorem ipsum dolor...</p>
                    <p class="lorem_sidebar_description">Tempor incididunt ut abore et dolore </p>
                </div>
                <div class="reprehenderit fix">
                    <img src="Images/Sidebar2_image.png"/>
                    <p class="reprehenderit_sidebar_headline">Reprehenderit...</p>
                    <p class="reprehenderit_sidebar_description">Tempor incididunt ut abore et dolore </p>
                </div>
                <div class="voluptate_velit fix">
                    <img src="Images/Sidebar3_image.png"/>
                    <p class="voluptate_sidebar_headline">Voluptate velit... </p>
                    <p class="voluptate_velit_description">Tempor incididunt ut abore et dolore </p>
                </div>
                <div class="esse_cillum_dolore fix">
                    <img src="Images/Sidebar4_image.png"/>
                    <p class="esse_cillum_dolore_headline">Esse cillum dolore...</p>
                    <p class="esse_cillum_dolore_description">Tempor incididunt ut abore et dolore </p>
                </div>
                <div class="eu_fugiat fix">
                    <img src="Images/Sidebar5_image.png"/>
                    <p class="eu_fugiat_headline">Eu fugiat...</p>
                    <p class="eu_fugiat_description">Tempor incididunt ut abore et dolore </p>
                </div>
                <div class="all_news fix"></div>
            </div>            
            <div class="content_bottom fix">
                <div class="about_us fix">
                    <img src="Images/about_us_image.png"/>
                    <h2>ABOUT US</h2>
                    <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                    <p>READ MORE</p>
                </div>
                <div class="features fix">
                    <img src="Images/features_image.png"/>
                    <h2>FEATURES</h2>
                    <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                    <p>READ MORE</p>
                </div>
                <div class="recent_tweets fix">
                    <div class="recent_tweets_1st_passage">
                        <h2>Recent tweets</h2>
                        <p>Mod tempor incididunt ut labore et dolore magna aliqua lorem set dolor http://is.gd/dC3eN Ut enim ad minim veniam, 
                            quis nostrud exercitation ullamco.</p>
                        <p>Ut labore et dolore magna aliqua lorem set dolor http://is.gd/dC3eN Ut enim ad minim veniam, 
                            quis nostrud exercitation ullamco.</p>
                        <p>6 months ago</p>
                    </div>
                    <div class="recent_tweets_2nd_passage fix">
                        <p>Ut labore et dolore magna aliqua lorem set dolor http://is.gd/dC3eN Ut enim ad minim veniam, 
                            quis nostrud exercitation ullamco.</p>
                        <p>6 months ago</p>
                        <p>VIEW ALL TWEETS</p>
                    </div>
                </div>
                <div class="archives fix">
                    <ul>
                        <li>January 2012</li>
                        <li>December 2011</li>
                        <li>November 2011</li>
                        <li>October 2011</li>
                        <li>September 2011</li>                        
                    </ul>
                </div>
            </div>
            <div class="footer fix">
                <p class="footer_text">Cars Online is proudly powered by WordPress  Entries (RSS) 
                    and Comments (RSS)</p>
            </div>
        </div>
    </body>
</html>
